<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Reput</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="header">
    <div class="container clearfix">
        <div class="logo">
            <img src="images/logo.jpg" alt="">
        </div>
        <div class="nav">
            <ul class="clearfix">
                <li class="btn1"><a href="">HOME</a> <img src="images/nav.jpg" alt=""></li>
                <li class="btn2"><a href="">FEATURES</a><img src="images/nav.jpg" alt=""></li>
                <li class="btn2"><a href="">PAGES</a><img src="images/nav.jpg" alt=""></li>
                <li class="btn2"><a href="">PORTFOLIO</a><img src="images/nav.jpg" alt=""></li>
                <li class="btn2"><a href="">BLOG</a><img src="images/nav.jpg" alt=""></li>
                <li class="btn3"><img src="images/navbar.jpg" alt=""><a href="">UPRGRADE TO PRO</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="banner">
    <div class="container">
        <div class="easy">
            <h1>EASY TO CUSTOMIZE</h1>
            <p class="re">Readable code,well documented and FREE support</p>
            <a href="">LEARN MORE</a>
        </div>
    </div>
</div>
<div class="banner-1">
    <div class="strong">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="st">
                        <img src="images/1.jpg" alt="">
                        <p>STRONG STRUCTURE</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gl">
                        <img src="images/2.jpg" alt="">
                        <p>GLOBAL SERVICES</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="dy">
                        <img src="images/3.jpg" alt="">
                        <p>DYNAMIC CHANGE</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="ex">
                        <img src="images/4.jpg" alt="">
                        <p>EXPONENTIAL GROWTH</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="main-1">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h4>KNOW BETTER</h4>
                <span>...</span>
                <p class="sy">Synergistically procrastinate one-to-one results for accurate platforms.Assertively whiteboard corporate users whereas dynamic initiatives.</p>
                <p class="en">Energistically architect leading-edge users and inexpensive internal or "organic"sources.
                Distinctively evlove e-business resources after progressive intellectual capital.Objectively
                architect maintainabel technologies via strategic convergence.Continually optimize
                stand-alone expertise with e-business e-services.Continuslly concetualize client-centered
                opportunities and.</p>
                <p class="dyn">Dynamically customize backward-compatibel processes via front-end models.Distinctively
                evisculate an expanded array of scenarios after virtual information.Professionally
                predominate technically sound resources through impactful mindshare.Efficiently drive
                viral interfaces without inexpensive value.Credibly.</p>
            </div>
            <div class="col-md-6">
                <img src="images/main-1.jpg" alt="">
            </div>
        </div>
    </div>
</div>
<div class="main-2">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="goal">
                    <div class="goal-1">
                        <img src="images/m-1.jpg" alt="">
                    </div>
                    <div class="goal-2">
                        <h4>GOAL ORIENTED</h4>
                        <p>Holisticly harness just in time technologies via corporate scenarios,Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="goal">
                    <div class="goal-1">
                        <img src="images/m-2.jpg" alt="">
                    </div>
                    <div class="goal-2">
                        <h4>GOAL SERVICE</h4>
                        <p>Holisticly harness just in time technologies via corporate scenarios,Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="dyna">
                    <div class="dyna-1">
                        <img src="images/m-3.jpg" alt="">
                    </div>
                    <div class="dyna-2">
                        <h4>DYNAMIC CHANGE</h4>
                        <p>Holisticly harness just in time technologies via corporate scenarios,Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="dyna">
                    <div class="dyna-1">
                        <img src="images/m-3.jpg" alt="">
                    </div>
                    <div class="dyna-2">
                        <h4>DYNAMIC CHANGE</h4>
                        <p>Holisticly harness just in time technologies via corporate scenarios,Intrinsicly predominate ubiquitous outsourcing through an expanded array of functionalities.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-3">
    <div class="container">
        <img src="images/main-3.jpg" alt="">
        <h3>ULTRA RESPONSIVE</h3>
        <p>Phosfluorescently revolutionize viral leadership via turnkey technology.Synergistically monetize intermandated</p>
        <p>strategic theme areas through multimedia based.</p>
        <div class="xian"></div>
        <span>Responsive</span>
        <span>Easy to Customize</span>
        <span>Design</span>
        <span>Free Updates & Support</span>
    </div>
</div>
<div class="main-4">
    <div class="container">
        <div class="recent clearfix">
            <div class="recent-left">
                <h4>RECENT WORKS</h4>
                <p>......</p>
            </div>
            <div class="recent-right">
                <a href="">Sell all works</a>
            </div>
        </div>
       <div class="container">
           <div class="row">
               <div class="col-md-4" id="re-1">
                   <img src="images/m-4-1.jpg" alt="">
               </div>
               <div class="col-md-4">
                   <img src="images/m-4-2.jpg" alt="">
               </div>
               <div class="col-md-4" id="re-2">
                   <img src="images/m-4-3.jpg" alt="">
               </div>
           </div>
       </div>
    </div>
</div>
<div class="main-5">
    <div class="container">
        <div class="latest">
            <h4>LATEST</h4>
            <p>......</p>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="la">
                        <img src="images/m-5-1.jpg" alt="">
                        <h4>In Demand:Clooaboration Skill</h4>
                        <p>Proactively engage orthogonal frowth strategies without resourse-leveling testing porcedures.Seamlessly predominate interperable growth strategies.</p>
                    </div>
                    <div class="la-1 clearfix">
                        <time>23-02-2015</time>
                        <span>65Comments</span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="te">
                        <div class="te-1">
                            <div class="te-1-left">
                                <img src="images/m-5-2.jpg" alt="">
                            </div>
                            <div class="te-1-right">
                                <h6>Growth Strateqies</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="te-2">
                            <div class="te-2-left">
                                <img src="images/m-5-3.jpg" alt="">
                            </div>
                            <div class="te-2-right">
                                <h6>Products Research Methodolo...</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="te-3">
                            <div class="te-3-left">
                                <img src="images/m-5-4.jpg" alt="">
                            </div>
                            <div class="te-3-right">
                                <h6>Professional Leverage</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stt">
                        <div class="stt-1">
                            <div class="stt-1-left">
                                <img src="images/m-5-6.jpg" alt="">
                            </div>
                            <div class="stt-1-right">
                                <h6>Alternative E-commerce</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="stt-2">
                            <div class="stt-2-left">
                                <img src="images/m-5-7.jpg" alt="">
                            </div>
                            <div class="stt-2-right">
                                <h6>Understanding Globally Scale...</h6>
                                <p>Proactively engage orthogonal growth strategies without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="stt-3">
                            <a href="">See all news <img src="images/m-5-jian.jpg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-6">
    <div class="sub">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="subs">
                        <div class="subs-left">
                            <img src="images/m-6-1.jpg" alt="">
                        </div>
                        <div class="subs-right">
                            <h4>5200</h4>
                            <p>SUBSCRIBERS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="subs">
                        <div class="subs-left">
                            <img src="images/m-6-2.jpg" alt="">
                        </div>
                        <div class="subs-right">
                            <h4>273</h4>
                            <p>PROJECTS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="subs">
                        <div class="subs-left">
                            <img src="images/m-6-3.jpg" alt="">
                        </div>
                        <div class="subs-right">
                            <h4>640K</h4>
                            <p>APPRECIATIONS</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="subs">
                        <div class="subs-left">
                            <img src="images/m-6-4.jpg" alt="">
                        </div>
                        <div class="subs-right">
                            <h4>132</h4>
                            <p>CLIENTS</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-7">
    <div class="get">
        <div class="container clearfix">
            <div class="get-left">
                <h3>GET IN TOUCH</h3>
            </div>
            <div class="get-right clearfix">
                <p>Call us at(1800)765-4321 or</p>
                <a href="">CONTACT US</a>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4 agg">
                <img src="images/footer-logo.jpg" alt="">
                <p>Proactively aggregate B2B initiatives before extensive channels.Monotonectally extend interactive methods of empowerment through excellent applications.Rapidiously
                sysergize visionary products with sticky technology</p>
                <p class="north">1234 North Main Street</p>
                <p class="north">New York,NY 222222</p>
                <p class="north">Phone:(1800)765-4321</p>
                <p class="north">Emalil:email@yourdomain.com</p>
            </div>
            <div class="col-md-4">
                <h6>USEFUL LINKS</h6>
                <div class="about clearfix">
                    <ul class="us">
                        <li><a href="">About Us</a></li>
                        <li><a href="">News</a></li>
                        <li><a href="">Community</a></li>
                        <li><a href="">Career</a></li>
                        <li><a href="">Blog</a></li>
                    </ul>
                    <ul class="press">
                        <li><a href="">Press Kit</a></li>
                        <li><a href="">FAQ</a></li>
                        <li><a href="">Terms</a></li>
                        <li><a href="">Privacy Policy</a></li>
                        <li><a href="">Contact Us</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4">
                <h6>NEWSLETTER</h6>
                <p>Get the latest Update from us by subscribing to our newsletter.</p>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="youremail@domain.com" aria-label="Recipient's username" aria-describedby="basic-addon2">
                    <div class="input-group-append">
                        <span class="input-group-text" id="basic-addon2">SUBSCRIBE</span>
                    </div>
                </div>
                <h6 class="con">GET CONNECTED</h6>
                <img src="images/footer-1.jpg" alt="">
                <img src="images/footer-2.jpg" alt="">
                <img src="images/footer-3.jpg" alt="">
                <img src="images/footer-4.jpg" alt="">
            </div>
        </div>
    </div>
</footer>
<div class="footer-1">
    <div class="container">
        <p>More Templates-Collect from</p>
    </div>
</div>







<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>